<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui" xmlns:comp="http://java.sun.com/jsf/composite/componentes"
	template="/template/template.xhtml">

	<ui:define name="contenido">

		<h:form id="form">

			<p:outputPanel id="panelContenedor">

				<comp:barra bean="#{registroMaterialBodegaBean}" renderedNuevo="false" renderedEditar="false">
					<p:commandButton process="@this, :form:panelListado" update=":form:panelContenedor" value="Registro Material Bodega" icon="ui-icon-note"
						action="#{registroMaterialBodegaBean.cargarRegistroMaterialDesdeRdo}" disabled="#{registroMaterialBodegaBean.editado}" />
					<comp:buttonExportaExcel bean="#{registroMaterialBodegaBean}" tabla=":form:tablaRegistroMaterialBodega" />
				</comp:barra>

				<p:outputPanel id="panelNuevo" rendered="#{registroMaterialBodegaBean.editado}">

					<p:panel header="Crear/Editar (Registro Material Bodega)">

						<h:panelGrid id="panelRegistroMaterialBodega" columns="4" columnClasses="columnaEtiqueta,columnaValor,columnaEtiqueta,columnaValor">

							<h:outputText value="Fecha:" />
							<p:calendar pattern="dd/MM/yyyy" showOn="button" navigator="true" value="#{registroMaterialBodegaBean.registroMaterial.fecha}" id="calFecha"
								required="true">
								<p:ajax process="@this" event="dateSelect" global="false" partialSubmit="true" />
								<p:ajax process="@this" event="change" global="false" partialSubmit="true" />
								<f:validateBean />
							</p:calendar>

							<h:outputText value="Nota:" />
							<p:inputText value="#{registroMaterialBodegaBean.registroMaterial.descripcion}" styleClass="input-text">
								<f:validateBean />
							</p:inputText>

							<h:outputText value="Numero Proyecto:" />
							<h:outputText value="#{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.proyecto.numero}" />

							<h:outputText value="Nombre Proyecto:" />
							<h:outputText value="#{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.proyecto.nombre}" />

							<h:outputText value="Fecha:" />
							<h:outputText value="#{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.proyecto.fecha}" id="txtFechaProyecto">
								<f:convertDateTime pattern="dd/MM/yyyy" />
							</h:outputText>

							<h:outputText value="Version:" />
							<h:outputText value="#{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.version}" />

							<h:outputText value="Cliente:" />
							<h:outputText value="#{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.proyecto.cliente.clieNombre}" />

							<h:outputText value="#Plantilla:" />
							<h:outputText value="#{registroMaterialBodegaBean.registroMaterial.idRegistroMaterial}" />

							<h:outputText value="Fecha Inicio:" />
							<h:outputText value="#{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.fechaInicio}" id="txtFechaInicio">
								<f:convertDateTime pattern="dd/MM/yyyy" />
							</h:outputText>

							<h:outputText value="Fecha Fin:" />
							<h:outputText value="#{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.fechaFin}" id="txtFechaFin">
								<f:convertDateTime pattern="dd/MM/yyyy" />
							</h:outputText>

							<h:outputText value="Lider:" />
							<h:outputText
								value="#{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.proyecto.usuario.usuaApellidos} #{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.proyecto.usuario.usuaNombres}" />

							<h:outputText value="Sucursal:" />
							<h:outputText value="#{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.proyecto.sucursal.sucuDescripcion}" />

							<h:outputText value="Contratista:" />
							<h:outputText value="#{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.proyecto.contratista.nombre}" />

							<h:outputText value="Lider Contratista:" />
							<h:outputText value="#{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.proyecto.contactoContratista.nombre}" />

							<h:outputText value="Orden Trabajo:" />
							<h:outputText value="#{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.proyecto.ordenTrabajo}" />

							<h:outputText value="Plano:" />
							<h:outputText value="#{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.proyecto.plano}" />

							<h:outputText value="Alcance:" />
							<h:outputText value="#{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.proyecto.alcance}" />

							<h:outputText value="Direccion Obra:" />
							<h:outputText value="#{registroMaterialBodegaBean.registroMaterial.rdo.planOperativo.proyecto.direccionObra}" />

						</h:panelGrid>

						<p:spacer width="2px" />

						<p:tabView id="tabViewDetalleRegistroMaterialBodega">

							<p:tab title="Detalle">

								<h:panelGrid columns="2" style="width:100%;text-align:left">

									<h:panelGroup id="panelDetalleRegistroMaterialBodega" layout="block" style="height: 435px; overflow-y: scroll !important;">

										<p:dataTable id="tablaDetalleRegistroMaterialBodega" rowIndexVar="secuencial" emptyMessage="No exsten registros"
											value="#{registroMaterialBodegaBean.listaDetalleRegistroMaterial}" var="_detalleRegistroMaterial" paginator="true"
											paginatorPosition="bottom" style="width:100%" rows="100" rowKey="#{_detalleRegistroMaterial.rowKey}"
											selection="#{registroMaterialBodegaBean.detalleRegistroMaterialSeleccionado}" selectionMode="single"
											binding="#{registroMaterialBodegaBean.dtDetalleRegistroMaterial}" sortBy="partida.padeNombre" sortOrder="ASCENDING">

											<p:column headerText="Actividad" styleClass="tableCell columnaDTNombre" sortBy="partida.padeNombre">
												<h:outputText value="#{_detalleRegistroMaterial.partida.padeNombre}" id="txtCodigo" />
											</p:column>

											<p:column headerText="Tarea" styleClass="tableCell columnaDTNombre">
												<h:outputText value="#{_detalleRegistroMaterial.conceptoMaterial.prodConceptos.concNombre}" id="txtNombre" />
											</p:column>

											<p:column headerText="Material" styleClass="tableCell columnaDTNombre">
												<h:outputText value="#{_detalleRegistroMaterial.conceptoMaterial.prodMateriales.mateDescripcion}" id="txtMaterial" />
											</p:column>

											<p:column headerText="Entregar" styleClass="tableCell columnaDTUnidad">
												<p:selectBooleanCheckbox value="#{_detalleRegistroMaterial.entregar}" disabled="true"></p:selectBooleanCheckbox>
											</p:column>

											<p:column headerText="Cantidad" styleClass="tableCell columnaDTValor">
												<h:outputText value="#{_detalleRegistroMaterial.cantidad}" id="txtCantidad" />
											</p:column>

											<p:column headerText="Nota" styleClass="tableCell columnaDTDescripcion">
												<h:outputText value="#{_detalleRegistroMaterial.descripcion}" id="txtNota" />
											</p:column>

											<p:column headerText="Entregado" styleClass="tableCell columnaDTValor">
												<p:inputText styleClass="input-text-number" value="#{_detalleRegistroMaterial.cantidadEntregada}" id="txtCantidadEntregada">
													<p:ajax event="change" process="@this" partialSubmit="true" listener="#{registroMaterialBodegaBean.totalizar}"
														update=":form:tabViewDetalleRegistroMaterialBodega:panelDetalleRegistroMaterialBodega" />
													<f:validateBean />
												</p:inputText>
											</p:column>

											<p:column headerText="Reingresado" styleClass="tableCell columnaDTValor">
												<p:inputText styleClass="input-text-number" value="#{_detalleRegistroMaterial.cantidadReingresada}" id="txtCantidadReingresada">
													<p:ajax event="change" process="@this" partialSubmit="true" listener="#{registroMaterialBodegaBean.totalizar}"
														update=":form:tabViewDetalleRegistroMaterialBodega:panelDetalleRegistroMaterialBodega" />
													<f:validateBean />
												</p:inputText>
											</p:column>

											<p:column headerText="Entrega Efectiva" styleClass="tableCell columnaDTValor">
												<h:outputText value="#{_detalleRegistroMaterial.cantidadEfectivaBodega}" id="txtCantidadEfectiva" />
											</p:column>

											<p:column headerText="Nota al Entregar" styleClass="tableCell columnaDTDescripcion">
												<p:inputText styleClass="input-text" value="#{_detalleRegistroMaterial.descripcionEntrega}" id="txtNotaEntrega">
													<p:ajax event="change" process="@this" partialSubmit="true" />
													<f:validateBean />
												</p:inputText>
											</p:column>

										</p:dataTable>

									</h:panelGroup>

								</h:panelGrid>

							</p:tab>

						</p:tabView>


					</p:panel>
				</p:outputPanel>

				<p:outputPanel id="panelListado" rendered="#{!registroMaterialBodegaBean.editado}">

					<p:dataTable lazy="true" id="tablaRdo" rowIndexVar="secuencial" emptyMessage="No exsten registros" value="#{registroMaterialBodegaBean.listaRdo}"
						var="_rdo" binding="#{registroMaterialBodegaBean.dtRdo}" paginator="true" paginatorPosition="bottom" style="width:100%" rows="10"
						selectionMode="single" rowKey="#{_rdo.id}" selection="#{registroMaterialBodegaBean.rdo}">

						<f:facet name="header">
							<h:outputText value="Lista (Rdo)" />
						</f:facet>

						<p:column headerText="No">
							<h:outputText value="#{secuencial+1}" />
						</p:column>

						<p:column filterBy="#{_rdo.planOperativo.proyecto.numero}" sortBy="#{_rdo.planOperativo.proyecto.numero}">
							<f:facet name="header">
								<h:outputText value="Numero" />
							</f:facet>
							<h:outputText value="#{_rdo.planOperativo.proyecto.numero}" />
						</p:column>

						<p:column filterBy="#{_rdo.planOperativo.proyecto.nombre}" sortBy="#{_rdo.planOperativo.proyecto.nombre}">
							<f:facet name="header">
								<h:outputText value="Nombre" />
							</f:facet>
							<h:outputText value="#{_rdo.planOperativo.proyecto.nombre}" />
						</p:column>

						<p:column sortBy="#{_rdo.planOperativo.version}">
							<f:facet name="header">
								<h:outputText value="Version" />
							</f:facet>
							<h:outputText value="#{_rdo.planOperativo.version}" />
						</p:column>

						<p:column>
							<f:facet name="header">
								<h:outputText value="Estado" />
							</f:facet>
							<h:outputText value="#{_rdo.planOperativo.estado.nombre}" />
						</p:column>

						<p:column sortBy="#{_rdo.planOperativo.fecha}">
							<f:facet name="header">
								<h:outputText value="Fecha" />
							</f:facet>
							<h:outputText value="#{_rdo.planOperativo.fecha}">
								<f:convertDateTime pattern="dd/MM/yyyy" />
							</h:outputText>
						</p:column>

						<p:column>
							<f:facet name="header">
								<h:outputText value="Nota" />
							</f:facet>
							<h:outputText value="#{_rdo.planOperativo.descripcion}" />
						</p:column>

					</p:dataTable>

				</p:outputPanel>

			</p:outputPanel>
		</h:form>

	</ui:define>
</ui:composition>